<template>
	<view>
		<view class="charts-box">
			<qiun-data-charts type="line_sale" :chartData="Line" :echartsH5="true" :echartsApp="true"/>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				Line: {
					"categories": ["2016", "2017", "2018", "2019", "2020", "2021"],
					"series": [{
						"name": "成交量A",
						"data": [35, 8, 25, 37, 4, 20]
					}, {
						"name": "成交量B",
						"data": [70, 40, 65, 100, 44, 68]
					}, {
						"name": "成交量C",
						"data": [100, 80, 95, 150, 112, 132]
					}]
				}
			}
		}
	}
</script>

<style>
	.charts-box {
		width: 90%;
		height: 300px;
		border-radius: 20rpx;
	}
</style>
